<template>

  <div class="headCss">
    <el-image
      style="width: 100px; height: 100px"
      :src="url"
      fit="fit"></el-image>

    <div><span class="headFontCss">信息收集系统</span></div>
  </div>

</template>

<script>
  export default {
    name: "HeaderIndex",
    data() {
      return {
        url: require("@/assets/images/national emblem.png")
      };
    },
    methods: {
      /**
       * 当前选中的页面
       * @param key
       * @param keyPath
       */
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style scoped>

  /*头部css*/
  .headCss{
    background: linear-gradient(to right, #112F61, #0F2145);;
    display: flex;
    align-items: center;
  }

  .headFontCss{
    font-size: 36px;
    color: lightskyblue;
    margin-left: 40px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  }

</style>
